<!DOCTYPE html class="h-100">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>跳蚤-最新</title>

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css">


    <style>
        .fm-signin {
            width: 300px;
            margin: 100px auto;
        }

        .navbar {
            border-bottom: 1px solid #E5E9EF;
        }

        img.p-img {
            width: 240px;
            height: 240px;
        }

        .footer {
            background-color: #f5f5f5;
        }
    </style>
</head>
<body class="d-flex flex-column h-100">
<!-- 导航 -->
<nav class="navbar navbar-expand-lg navbar-light">
    <div class="container"><a href="https://themes.getbootstrap.com" class="navbar-brand">跳蚤</a>
        <div class="d-flex ml-auto">
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#globalNavbar"
                    aria-controls="globalNavbar" aria-expanded="false" aria-label="Toggle navigation"><span
                    class="navbar-toggler-icon"></span></button>
        </div>
        <div class="collapse navbar-collapse" id="globalNavbar">
            <form class="form-inline form-navbar my-2 my-lg-0 order-2" action="#">
                <input class="form-control" name="s" type="text" placeholder="搜索">
            </form>
            <ul class="navbar-nav mr-auto order-1">
                <li class="nav-item"><a class="nav-link" href="https://themes.getbootstrap.com/official-themes">最新</a>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" id="dropdownMenuButton" href="#" data-toggle="dropdown"
                       aria-haspopup="true" aria-expanded="false">发现</a>
                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                        <a class="dropdown-item" href="#">数码</a>
                        <a class="dropdown-item" href="#">服装</a>
                        <a class="dropdown-item" href="#">家具</a>
                        <a class="dropdown-item" href="#">食品</a>
                        <a class="dropdown-item" href="#">娱乐</a>
                    </div>
                </li>
                <li class="nav-item"><a class="nav-link" href="https://themes.getbootstrap.com/guide">热卖</a></li>
                <li class="nav-item"><a class="nav-link" href="https://themes.getbootstrap.com/guide">关于</a></li>
            </ul>
            <ul class="navbar-nav d-none d-lg-flex ml-2 order-3">
                <li class="nav-item"><a class="nav-link" href="login.html">登录</a></li>
                <li class="nav-item"><a class="nav-link" href="register.html">注册</a></li>
            </ul>
        </div>
    </div>
</nav>
<div class="container pt-4">
    <h3>关于跳蚤</h3>
    <p>大家写什么自由发挥哈...</p>
</div>
<footer class="footer mt-auto py-3">
    <div class="container">
        <p class="text-muted text-center">&copy;Flea 2020-2021</p>
    </div>
</footer>
<!-- 引入JQuery -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js"></script>
<script type="text/javascript">

    $(function () {
        $('#changeCode').click(function () {
            $('#codeImg').attr('src', '${pageContext.request.contextPath}/checkCode?' + new Date().getTime());
        });
    });

    function loginSystem() {
        $.post('${pageContext.request.contextPath}/login', $('#loginForm').serialize(), function (data) {
            if (data.success) {
                location.href = '${pageContext.request.contextPath}/student/list';
            } else {
                alert(data.message);
            }
        });
    }
</script>
</body>
</html>